<%--
    一般用于首页侧边栏：
    包括 关于本站，网站概况，热评文章，所有标签，随机文章 等小工具

--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%--博客主体-右侧侧边栏 start--%>
<div id="sidebar" class="widget-area all-sidebar"
     style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">

    <%--网站信息 start--%>
        <aside class="widget about">
            <div id="feed_widget">
                <div class="feed-about">
                    <div class="about-main">
                        <div class="about-img">
                            <img src="${options.optionAboutsiteAvatar}"
                            alt="QR Code">
                        </div>
                        <div class="about-name">${pageOptions.websiteName}</div>
                        <div class="about-the">
                            ${pageOptions.websiteDescription}
                        </div>
                    </div>
                    <div class="clear"></div>
                            <a target="blank" rel="external nofollow"
                               href="${pageOptions.QQGroupURL}"
                               title="QQ在线"
                               style="width:120px;margin-top:20px">
                               联系我们
                                <i class="fa fa-qq"></i>
                            </a>
                </div>
            </div>
            <div class="clear"></div>
        </aside>
    <%--网站信息 start--%>
    <%--热门帖子 start--%>
    <aside class="widget hot_comment" >
        <h3 class="widget-title">
            <i class="fa fa-bars"></i>热门帖子
        </h3>
        <div id="hot_comment_widget">
            <ul>
                <c:forEach items="${hotPostList}" var="h">
                    <li>
                        <a href="/post/${h.postId}" rel="bookmark">
                                ${h.title}
                        </a>
                    </li>
                </c:forEach>
            </ul>
        </div>
        <div class="clear"></div>
    </aside>
    <%--热门帖子 end--%>
    <%--最新帖子 start--%>
        <aside id="random_post-7" class="widget random_post wow fadeInUp" data-wow-delay="0.3s">
            <h3 class="widget-title">
                <i class="fa fa-bars"></i>最新发帖
            </h3>
            <div id="random_post_widget">
                <ul>
                    <c:forEach items="${recentPostList}" var="r">
                        <li>
                            <a href="/post/${r.postId}" rel="bookmark">
                                    ${r.title}
                            </a>
                        </li>
                    </c:forEach>
                </ul>
            </div>
            <div class="clear"></div>
        </aside>
    <%--最新帖子 end--%>

</div>



<%--博客主体-右侧侧边栏 end--%>
